<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="../WEB-INF/includes/templates/generalTemplate.xhtml">
    <ui:define name="content">
        <style>

            .top-bar2{
                border: 1px solid #eeeeee;
            }
        </style>   
        <div align="center"  >
            <div id="main" style="min-height:700px;width:100%;height:auto;" >
                <br/>
                <br/>
                <br/>
                <br/>



                <section  id="services" class="services" >
                    <div class="row" data-view="services" >

                        <div class="row">
                            <div class="columns large-12 large-centered">
                                <section  class="headline">
                                    <h2 style="text-align:left;">

                                        Registre su Pre Inscripción de Solicitud de Devolución
                                    </h2>
                                    <h5 class="subheader" style="text-align:left;">
                                        Por favor verifique su información antes de guardar.
                                    </h5>
                                </section>
                            </div>
                        </div>
                        <div class="row">
                            <div class="columns large-12 large-centered">


                                <h:form id="aditionalInformation_form">

                                    <table style="width:600px;">
                                        <thead>
                                            <tr>
                                                <td colspan="2">

                                                    Pre Inscripción Solicitud de Devolución
                                                </td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td style="background:#FFFFFF;height:20px;text-align:right">
                                                    <h:outputLabel for="idType" value="Tipo de Cuenta"></h:outputLabel>
                                                </td>
                                                <td style="background:#FFFFFF;padding-bottom:30px;">
                                                    <h:selectOneMenu label="Tipo Documento" value="#{aditionalInformationBean.identificationTypeSelected}" id="idType" required="true" style="width:100%" >
                                                        <f:selectItem itemLabel="--Seleccionar--" itemValue="" />
                                                        <f:selectItem itemLabel="Ahorros" itemValue="1" />
                                                        <f:selectItem itemLabel="Corriente" itemValue="2" />
                                                    </h:selectOneMenu>

                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="background:#FFFFFF;height:20px;text-align:right;width:250px; ">
                                                    <h:outputLabel for="identification" value="Número de Cuenta"></h:outputLabel>
                                                </td>
                                                <td style="background:#FFFFFF;height:20px;">
                                                    <p:inputText id="identification" label="#{labels['page.aditionalInformation.identitynumber']}" value="#{aditionalInformationBean.user.identification}" required="true" title="Escriba su número de cuenta">
                                                    </p:inputText>

                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2" style="background:#FFFFFF;height:20px;">
                                                    <p:messages id="msgsAddInf" showDetail="true" autoUpdate="true" closable="true"/>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="2" style="background:#FFFFFF;height:20px;text-align:center;    ">
                                                    <p:commandButton id="newUserButton" 
                                                                     style="font-family:'Open sans',sans-serif;font-size:18px;"
                                                                     value="Finalizar" 
                                                                     action="#{aditionalInformationBean.updateInformationUser}"/>  
                                                    <p:commandButton id="exitButton" immediate="true"
                                                                     style="font-family:'Open sans',sans-serif;font-size:18px;"
                                                                     value="Salir" 
                                                                     action="index"/>  
                                                </td>
                                            </tr>
                                        </tbody>

                                    </table>
                                </h:form>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div> 
    </ui:define>
</ui:composition>